<section  *ngIf="tagData.asyncShow !== 'false'" class="article-wrap" [ngClass]="{'article-wrap-search': tagData.data.headDiv}">
  <div *ngIf="tagData.data.headDiv && tagData.data.headDiv.headTitle" class="session-header">
    <p  class="session-title">{{tagData.data.headDiv.headTitle}}</p>
    <div appDebounceClick (debounceClick)="moreActionClick(tagData.data.headDiv)" class="fr" class="more-ac-bg fr"><p  class="action-label ">{{tagData.data.headDiv.moreLink.linkTitle}}</p><i class="detail-icon fr"></i>
    </div>
  </div>
  <div *ngFor="let item of tagData.data.data, let i = index">
    <div *ngIf="item?.top" appDebounceClick (debounceClick)="get(item?.link)" class="container-box" [ngClass]="{'container-box-search': tagData.data.headDiv}">
      <div class="inner-sub-box" [ngClass]="{'inner-sub-box-search': tagData.data.headDiv}">
        <div class="sub-box1">
          <i *ngIf="item.top.authTag && item.top.authTag.ifauth" class="auth img-auth">
            {{item.top.authTag?.label}}
          </i>
          <img class="brand-img" src="{{item.top.leftImage.image}}"
            onerror="this.src='assets/img/375x250@2x.png';">
        </div>
        <div class="sub-box2">
          <div class="sub-brand-box1"><span class="brand-name">{{item.title}}</span>
            <div *ngIf="item.icon?.brand?.isBrand" class="is-cooperative-brand"><span>{{item.icon?.brand?.label}}</span>
            </div>
          </div>
          <div class="sub-brand-box1"><span class="brand-sub-title">{{item.secondRowLeft?.text}}</span></div>
          <div><span class="amount"
              [ngStyle]="getNgStyle(item.thirdRowLeft?.moneyLabel?.cssStyle)">{{item.thirdRowLeft?.moneyLabel?.label}}</span><span
              class="unit"
              [ngStyle]="getNgStyle(item.thirdRowLeft?.unitLabel?.cssStyle)">{{item.thirdRowLeft?.unitLabel?.label}}</span><span
              class="join-type">{{item.thirdRowRight?.industryLabel?.label}}</span></div>
        </div>
      </div>
      <hr *ngIf="!tagData.data.headDiv" class="bottom-line" />
      <hr *ngIf="tagData.data.headDiv && i &lt; tagData.data.data.length - 1" class="bottom-line-search" />
      <div *ngIf="!tagData.data.headDiv" class="bottom-box"><span class="apply-num">{{item.fourthRowRight?.applyNumber?.label}}</span><span
          class="apply-tip">{{item.fourthRowRight?.applyComment?.label}}</span><span
          class="shop-tip">{{item.fourthRowRight.shopNumber.label}}</span></div>
    </div>
    <div *ngIf="item?.advertising" >
      <img src="{{item.advertising.url}}" appDebounceClick (debounceClick)="get(item.advertising.link)" style="width: 100%;"
        onerror="this.src='assets/img/375x250@2x.png';" />
    </div>
  </div>

  <ul *ngIf="!tagData.data.data || tagData.data.data.length === 0" style="height: 200.03px">
    <div  *ngIf="tagData.data.submit && tagData.searchText && (pageTotal === 0)">
      <div class="searchNoData" style="margin-top:2.5rem ;padding-top: 0;">抱歉，未找到“<span style="color: #FF6314;">{{keyword}}</span>”的相关结果</div>
    </div>
    <div class="searchNoData" style="margin-top:2.5rem ;padding-top: 0;" *ngIf="tagData.data.submit && !tagData.searchText">暂无数据</div>
</ul>
  <ion-infinite-scroll *ngIf="!tagData.data.moreButton && pageTotal && pageNo*pageSize &lt; pageTotal && !tagData.data.headDiv" threshold="5%"
    (ionInfinite)="loadMoreData($event)">
    <ion-infinite-scroll-content loadingSpinner="crescent" loadingText="正在加载更多数据...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</section>
<div *ngIf="tagData.data.isMargin && tagData.asyncShow !== 'false'" style="height: 0.63rem;background: rgba(247,248,250,1);"><div>